:root {
  /**间距全局变量*/
  --gap-xs: 12rem;
  --gap-sm: 22rem;
  --gap-md: 32rem;
  --gap-lg: 40rem;
  --gap-xl: 48rem;
  --gap-xxl: 56rem;
  /**文字全局变量*/
  --T-S-xs: 16rem;
  --T-S-sm: 24rem;
  --T-S-md: 32rem;
  --T-S-lg: 40rem;
  --T-S-xl: 48rem;
  --T-S-xxl: 64rem;
  /**主色*/
  --C-M1: #f8911a;
  --C-M2: #5f5de8;
  --C-M3: #a58ed8;
  --C-M4: #9aded8;
  /**渐变色*/
  --C-LG1: linear-gradient(90deg, var(--C-M3), var(--C-M4));
  /**功能色*/
  --C-success: #29a17e;
  --C-fail: #e74c3c;
  --C-await: #3498db;
  /**透明色*/
  --C-OT0: rgba(0, 0, 0, 0);
  --C-OT1: rgba(0, 0, 0, 0.1);
  --C-OT2: rgba(0, 0, 0, 0.2);
  --C-OT3: rgba(0, 0, 0, 0.3);
  --C-OT4: rgba(0, 0, 0, 0.4);
  --C-OT5: rgba(0, 0, 0, 0.5);
  --C-OB1: rgba(255, 255, 255, 0.1);
  --C-OB2: rgba(255, 255, 255, 0.2);
  --C-OB3: rgba(255, 255, 255, 0.3);
  --C-OB4: rgba(255, 255, 255, 0.4);
  --C-OB5: rgba(255, 255, 255, 0.5);
  /**适合作文字的颜色*/
  --C-T1: #232323;
  --C-T2: #444;
  --C-T3: #888;
  --C-T4: #bbb;
  --C-T5: #fff;
  /**适合作为背景的颜色*/
  --C-B5: #232323;
  --C-B4: #444;
  --C-B3: #888;
  --C-B2: #eee;
  --C-B1: #fff;
  /**圆角*/
  --R-xs: 6rem;
  --R-sm: 12rem;
  --R-md: 18rem;
  --R-lg: 24rem;
  --R-xl: 30rem;
  --R-xxl: 36rem;

  /**布局css*/
  --navbar-H: 110rem;
}
